// 主题的属性和方法的混入
export const theme = {
  data() {
    return {
      program: "dance-music-", //class前缀
    };
  },
  computed: {
    theme() {
      //vuex的getter中的主题 dark 或green或light
      return this.$store.getters.getTheme;
    },
    getTheme() {
      //获取当前主题计算属性
      let theme = "";
      theme = this.theme == "dark" ? "dark" : "light";
      return theme;
    },
    getActiveColor() {
      //获取菜单的激活颜色
      let color = "";
      color =
        this.theme == "dark"
          ? "var(--dark-border-active-color)"
          : this.theme == "green"
          ? "var(--green-bg-color)"
          : "var(--primary)";
      return color;
    },
  },
};
